<body class="zigya_homepage">
    <!--wrapper starts-->
        <section class="wrapper">
        	<!--header starts-->
            	<header>
                	<!--nav starts-->
                    	<nav>
                        	<ul>
                            	<li class="study" id="study">
                            		<input type="hidden" id="study_url" value="<?php echo BASE_URL; ?>" />
                                	<a href="javascript:void(0);">
                                    	<div class="icon_study">
                                        	<!--study_icon starts-->
                                            	<div id="study_icon"></div>
                                        	<!--study_icon closed-->
                                            <p>Study</p>
                                       	</div>
                                    </a>
                                </li>
                                <li class="practice" id="practice">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_practice">
                                        	<!--practice_icon starts-->
		                                    	<div id="practice_icon"></div>
        		                        	<!--practice_icon closed-->
                                            <p>Practice</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="assignment" id="assignment">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_assignment">
                                        	<!--assignment_icon starts-->
                            					<div id="assignment_icon"></div>
                            				<!--assignment_icon closed-->
                                   		<p>Assignment</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="logo">
                                	<a href="./">
                                    	<img src="<?php echo SKIN_URL_IMAGE; ?>/zigya_logo.png" alt="Zigya Technology Labs Pvt. Ltd." width="100" >
                                    </a>
                                </li>
                                <li class="test" id="test">
                                	<a href="javascript:void(0)">
                                        <div class="icon_test">
                                            <!--test_icon starts-->
                                                <div id="test_icon"></div>
                                            <!--test_icon closed-->
                                        	 <p>Test</p>
                                   		</div>
                                    </a>
                                </li>
                                <li class="myspace" id="myspace">
                                	<a href="javascript:void(0)">
                                    	
                                    	<div class="icon_myspace">
                                        	<!--myspace_icon starts-->
                            					<div id="myspace_icon"></div>
            			                	<!--myspace_icon closed-->
                                        	<p>My Space</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="group_wall" id="group_wall">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_groupwall">
                                            <!--my_group_wall_icon starts-->
                            					<div id="my_group_wall_icon"></div>
                            				<!--my_group_wall_icon closed-->
                                            <p>My Group Wall</p>
                                        </div>
                                    	
                                    </a>
                                </li>
                                <div class="clear"></div>
                            </ul>
                            <!--pink_line1 starts-->
                            	<div id="pink_line1"></div>
                            <!--pink_line1 closed-->
                            <!--pink_line2 starts-->
                            	<div id="pink_line2"></div>
                            <!--pink_line2 closed-->
                            <!--pink_line3 starts-->
                            	<div id="pink_line3"></div>
                            <!--pink_line3 closed-->
                            <!--blue_line1 starts-->
                            	<div id="pink_line4"></div>
                            <!--blue_line1 closed-->
                            <!--blue_line2 starts-->
                            	<div id="pink_line5"></div>
                            <!--blue_line2 closed-->
                            <!--blue_line3 starts-->
                            	<div id="pink_line6"></div>
                            <!--blue_line3 closed-->
                        </nav>
                    <!--nav closed-->
                    <!--login_starts-->
                    	<div class="login">
                               <?php if(!$this->session->userdata('logedin')){ ?>
								<div class="login_icon">
									<a href="<?php echo base_url().BASE.'join_in' ?>" title="<?php echo $page['join_in']['title'] ?>"></a>
								</div>			
								<?php } else{ ?>
								<div class="login_icon2">
									<a href="<?php echo base_url().BASE.'logout' ?>" title="Logout"></a>
								</div>	   
								<?php } ?>                
                        </div>
                    <!--login closed-->                    
                </header>
            <!--header closed-->
